﻿{PE.DataSource id="cone" datasource="电脑_商品_内容页" itemId="@Request_id" xslt="true"/}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="{PE.Field id="cone" fieldname="ProductIntro" /}" />
<meta content="{PE.Field id="cone" fieldname="KeyWord" /}" name="Keywords" />
<title>{PE.Field id="cone" fieldname="Title" /}-{PE.SiteConfig.sitename /}</title>
<link href="{PE.SiteConfig.SkinPath/}common.css" rel="stylesheet" type="text/css" />
<link href="{PE.SiteConfig.SkinPath/}product.css" rel="stylesheet" type="text/css" />
<link href="{PE.SiteConfig.SkinPath/}commentary.css" rel="stylesheet" type="text/css" />
<link href="{PE.SiteConfig.SkinPath/}MagicZoom.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="{PE.SiteConfig.SkinPath/}js/tab.js"></script>
<script language="javascript" type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}js/jquery.pack.js"></script>
<script language="javascript" type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}JS/Common.js"></script>
<script language="javascript" type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}JS/jsPopup.js"></script>
<script language="javascript" type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}JS/jquery.jqzoom.js"></script>
<script language="javascript" type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}JS/TabOption.js"></script>
<script language="javascript" type="text/javascript">
    jQuery(document).ready(function() {
        ClickTab("#menu_1", 0, "on", "span");
        MoveTab("#menu_2", 0, "on", "span");
    });
</script>
</head>
<body >
{PE.Label id="商城网站顶部(内容)" /}
<!--购物流程-->
<div id="ProcessBox" class="main">
  <div id="ProcessNav"><span>浏览搜索您需要的商品>>加入购物车（订单确认）>>结账（支付款项）>>收货确认</span></div>
</div>
<!--End 购物流程-->
<!--栏目页内容模块-->
<div id="mainContent" class="main">
  <div class="showBar">
    <script  type="text/javascript" src='{PE.SiteConfig.adpath/}/200810/17.js'></script>
    <div class="spacing"></div>
    <div class="navigation">您现在的位置：{PE.Label id="当前位置导航" nodeId="{PE.Field id="cone" fieldname="NodeID" /}" orientationNodeID="{PE.Field id="cone" fieldname="NodeID" /}" linkOpenType="2" postfix="正文内容" /}</div>
    <div class="spacing"></div>
    <div id="productContent">
      <div class="itemContent fullwidth">
        <div class="itemInfo">
          <h3>{PE.Field id="cone" fieldname="Title" /}</h3>
          <ul id="productInfo">
            <!--市场价开始-->
            <script type="text/javascript">
                        if({PE.Field id="cone" fieldname="Price" /} < {PE.Field id="cone" fieldname="Price_Market" /}){
                            document.write("<li>市 场 价：<span class='marketPrice'>{PE.Field id="cone" fieldname="Price_Market" /} 元</span></li>");
                        }
                </script>
            <!--市场价结束-->
            <li class="price">一 口 价：<span class="priceStyle">{PE.Field id="cone" fieldname="Price" /}</span> 元</li>
            <li class="VIPPrice">VIP价：<span class="p_font_weight">{PE.Field id="cone" fieldname="Price_Member" /}</span> 元</li>
             <!--体验价开始-->
              <script type="text/javascript">
                        if({PE.Field id="cone" fieldname="ExpPrice" /} > 0){
                        var str;
                        str="<li>体 验 价：<span class='p_font_weight'>{PE.Field id="cone" fieldname="ExpPrice" /} 元</span>&nbsp;";
                            if({PE.Field id="cone" fieldname="ExpMaxQuantity" /}!=0)
                            {
                                if({PE.Field id="cone" fieldname="ExpMaxQuantity" /}<=-1)
                                {
                                    document.write(str+"</li>");
                                }
                                else
                                {
                                    document.write(str+"(限购{PE.Field id="cone" fieldname="ExpMaxQuantity" /}{PE.Field id="cone" fieldname="Unit" /})</li>");
                                }
                            }
                        }
                </script>            
            <!--体验价结束-->
            <li><div>生产商：<a href="{PE.SiteConfig.applicationpath/}Shop/ShowProducer.aspx?producername={PE.Field id="cone" fieldname="UrlProducerName" /}">{PE.Field id="cone" fieldname="ProducerName" /}</a></div><div>品牌/商标：<a href="{PE.SiteConfig.applicationpath/}Shop/ShowTrademark.aspx?trademarkname={PE.Field id="cone" fieldname="UrlTrademarkName" /}">{PE.Field id="cone" fieldname="TrademarkName" /}</a> </div></li>
          </ul>
          <ul>
            <li>库 存 量：<span id="productStocks" >{PE.Field id="cone" fieldname="Stocks" /}</span><div>购买数量：<input id="txtNum" type="text"  size="2" maxlength="6" value="{PE.Field id="cone" fieldname="Minimum" /}"/> 件</div></li>
            <li><div>浏览人数： {PE.Field id="cone" fieldname="Hits" /}</div><div>信誉评级：{PE.Field id="cone" fieldname="Stars" /}</div> </li>
            <li class="buttonCol"> <em class="addShopCar"> <a href="#" onclick="GotoShoppingCart()">立即购买</a></em><em class="addFav"> <a href="{PE.SiteConfig.applicationpath/}User/Shop/FavoriteProduct.aspx?Action=Add&Id=@RequestInt_id" target="_blank">加入收藏</a></em></li>
          </ul>
        </div>
        <div class="itemPic">
          <div class="pic"> {PE.Label id="商品图片链接处理" ProductThumb="{PE.Field id="cone" fieldname="ProductThumb" /}" ProductPic="{PE.Field id="cone" fieldname="ProductPic" /}"/} </div>
          <div class="picList">
            <ul id="MultiplePhoto" class='ProductProperty'>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="spacing"></div>
    <div id="menu_1" class="ShopTab">
      <dl>
        <dt> <span><em>详细介绍</em></span> <span><em>商品参数</em></span> <span><em>促销活动</em></span> <span><em>相关信息</em></span> </dt>
        <dd>{PE.Field id="cone" fieldname="ProductExplain" /}</dd>
        <dd><div id="ShopAllInfo"></div></dd>
        <dd>{PE.Label id="商品促销_详细信息" itemId="@RequestInt_id" /}</dd>
        <dd>{PE.Label id="内容页相关信息" itemId="@RequestInt_id" /}</dd>
      </dl>
    </div>
    <div class="spacing"></div>
    <div id="userComment">
      <h4><span>本评论只代表网友个人观点，不代表本站观点。</span>网友评论</h4>
      <div id="commentform"> </div>
      <div class="clearbox"></div>
    </div>
    <div class="spacing"></div>
    <script  type="text/javascript" src='{PE.SiteConfig.adpath/}/200811/14.js'></script>
  </div>
  <div class="sideBar">
    <div class="categorylist">
      <div class="xLine"></div>
      <dl>
        <dt><span class="title"><a href="#">浏览过的商品</a></span></dt>
        <dd>
          <!--下面这个ul是指定“浏览过的商品”这个功能的-->
          <ul id="ProductLog">
          </ul>
          <div class="clearbox"></div>
        </dd>
      </dl>
      <div class="xLine"></div>
    </div>
    <div class="spacing"></div>
    <script  type="text/javascript" src='{PE.SiteConfig.adpath/}/200810/18.js'></script>
    <div class="spacing"></div>
   <!--“最新专题”板块定义开始-->
    <div id="newSpecial">
      <div class="xLine"></div>
      <dl>
        <dt><span class="title"><a href="#">最新商品</a></span></dt>
        <dd class="specialCol">
          <div>
            <ul class="specialList">
              {PE.Label id="商品信息列表" outputQty="7" titleLength="26" isNew="true"  /}
            </ul>
          </div>
        </dd>
		</dl>
		<dl id="menu_2" class="proTab">
		<dt><span>促销</span><span>热卖</span><span>精品</span></dt>
        <dd>{PE.Label id="商品带图片的信息列表" parentId="4" titleLength="10" salePromotion="true" outputQty="9" span="ul"/}
            <script  type="text/javascript" src='{PE.SiteConfig.adpath/}/200811/9.js'></script>
		</dd>
		<dd>{PE.Label id="商品带图片的信息列表" parentId="4" titleLength="10" isHot="true" outputQty="9" span="ul" /}</dd>
		<dd>{PE.Label id="商品带图片的信息列表" parentId="4" titleLength="10" isBest="true" outputQty="9" span="ul" /}</dd>
      </dl>
      <div class="xLine"></div>
    </div>
    <!--结束定义“最新专题”板块-->
  </div>
  <div class="clearbox"></div>
</div>
<!--End 栏目页内容模块-->
{PE.Label id="商城网站底部" /}
{PE.Label id="评论标签" nodeId="{PE.Field id="cone" fieldname="NodeID" /}" /}

{PE.Label id="浏览过的商品脚本" /}

{PE.Label id="多图片展示" 
    MultiplePhoto="{PE.Field id="cone" fieldname="MultiplePhoto" /}" 
    ProductThumb="{PE.Field id="cone" fieldname="ProductThumb" /}" 
    ProductPic="{PE.Field id="cone" fieldname="ProductPic" /}"
    ProductPhotoId="productphoto"
    MultiplePhotoId="MultiplePhoto" /}

<script language="javascript" type="text/javascript">

/* 商品多属性 */
var propertyJson = {PE.Field id="cone" fieldname="PropertiesJson" /};//商品的多属性JSON对象
var stocks = {PE.Label id="获取多属性商品库存" productId="@RequestInt_Id" /};
var fieldJson={PE.Field id="cone" fieldname="FieldJson" /}
{PE.Label id="商品参数" TabID="ShopAllInfo"/}
{PE.Label id="商品多属性" 
    propertyContainerId="PropertyContainer" 
    productphotoId="productphoto"
    productStocksId="productStocks"
    productNumId="txtNum"
    generalId="{PE.Field id="cone" fieldname="GeneralID" /}" /}


//商品图片放大功能
    jQuery(function() {
        jQuery(".jqzoom").jqueryzoom({
            xzoom: 450,//放大框的宽
            yzoom: 350,//放大框的高
            offset: 10,//放大框距原图距离
            position: "right",//放大框的位置
            preload: 1,
            lens: 1
        });
    })
</script>
</body>
</html>
